<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <title>config-frame</title>
	  <script type="text/javascript"
		src="${pageContext.request.contextPath}/js/jquery/iframe.js">
	</script>
    
    <%@ include file="../include/common.jsp"%>
	<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/style/default/bsm/res_view_menu.css"  />

    <%@ include file="../include/tree.jsp"%>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/iframe.js"></script>
    <script type="text/javascript">
    function setContent() {
		var windowHeight = getWindowHeight();
		var contentElement = document.getElementById('contentFrame');
    	contentElement.style.height = (windowHeight) + 'px';
    	 $("#tree_div").css("height",windowHeight-20);
	}

var zNodes =[
			 //这是目录名称，无实际作用，仅做分层、分类显示作用
			 { id:10, pId:0, name:"基础报表", open:true}
			 //报表名称
			,{ id:100, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"主机性能报表",url:"${pageContext.request.contextPath}/jsp/report/report-host.jsp",target:"contentFrame"}
			,{ id:200, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"数据库性能报表",url:"http://localhost:8080/charisma/sysmng.report.do?subSys=demo&repID=19&isQuery=1&isShowCnd=0&isEdit=0",target:"contentFrame"}
			,{ id:300, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"中间件性能报表",url:"http://localhost:8080/charisma/sysmng.report.do?subSys=bsm&repID=2",target:"contentFrame"}
			,{ id:400, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"网络性能报表",url:"http://localhost:8080/charisma/sysmng.report.do?subSys=bsm&repID=3",target:"contentFrame"}
			,{ id:4001, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"存储性能报表",url:"http://localhost:8080/charisma/sysmng.report.do?subSys=bsm&repID=4",target:"contentFrame"}
			,{ id:500, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"应用系统健康报表",url:"${pageContext.request.contextPath}/jsp/report/report-host-health.jsp",target:"contentFrame"}
			,{ id:500, pId:10, icon:"${pageContext.request.contextPath}/style/default/tree/node/report.gif",name:"应用系统事件报表",url:"${pageContext.request.contextPath}/jsp/report/report-event.jsp",target:"contentFrame"}
			];
		

	var setting = {
			view: {
				showLine: false
			},
			data: {
				simpleData: {
					enable: true
				}
			}
		};
		$(document).ready(function(){
						outerLayout = $('body').layout({ 
						center__paneSelector:	    ".outer-center" 
						,	west__paneSelector:		".outer-west" 
						,	west__size:				190 
						,	spacing_open:			8 // ALL panes
						,	spacing_closed:			8 // ALL panes
						,   togglerTip_open:'关闭'
						,   togglerTip_closed: "显示"
						,   slidable:false
			
			}); 
  			$.fn.zTree.init($("#treeDemo"),setting,zNodes);
  		

		});
    </script>
    <style>
	    .ui-layout-resizer{
	    	background:none;
	    }
    </style>

</head>
  <body>
  
	<div class="outer-west" >
		<div  class="tree_navigat title-no-dowm">
			<a  class="tree_caption"  hidefocus="true" >
					系统报表导航
			</a>
		</div>
		<div id = "tree_div">
			<ul id="treeDemo" class="ztree"></ul>
		</div>
	</div>
		<div class="outer-center" >

	  		<iframe id="contentFrame" name="contentFrame" src="report-host.jsp"  frameborder="0" width="100%" height="300px;" ></iframe>
	  
	</div>
 </body>
</html>